草庐IT

Bootstrap4 表单

全部标签

javascript - 如何在提交表单之前删除 AutoNumeric 格式?

我正在使用jQuery插件AutoNumeric但是当我提交表单时,我无法删除POST之前字段的格式。我尝试使用$('input').autonumeric('destroy')(和其他方法),但它会在文本字段上保留格式。如何POST未格式化的数据到服务器?如何删除格式?初始配置或其他地方是否有它的属性?我不想将序列化的表单数据发送到服务器(使用AJAX)。我想提交带有未格式化数据的表单,就像正常的HTML操作一样。 最佳答案 我在jQuery中为此编写了一个更好的、更通用的hack$('form').submit(function

javascript - 我怎样才能最好地管理多个 Twitter Bootstrap 模式对话框

我目前正在从事一个网络项目,该项目大量使用TwitterBootstrap模式对话框。从本质上讲,用户会连续看到许多带有表单的模式对话框。这些对话框的顺序基于他在每个表单(=对话框)上提供的值。我怎样才能最好地管理不同模式的状态并为它们的显示顺序编写过滤器?谢谢。 最佳答案 我使用这个扩展来Bootstrap使用模态形式:https://github.com/Nikku/jquery-bootstrap-scripting在此处查看功能演示:http://nikku.github.com/jquery-bootstrap-scrip

javascript - 如何将 angularjs ui bootstrap 工具提示动态添加到现有标记?

angularjs相对较新。帮助我了解这里发生了什么!我最终想要完成的事情:给定我的html中的一段文本(比如在段落元素中),我想动态地向文本中的选定单词添加工具提示(确切地说是引导工具提示)。因此,例如,如果用户在搜索框中键入世界“你好”,则该段落中所有“你好”的实例将在鼠标悬停时显示工具提示,显示一些消息,如定义或其他内容。注意:我不认为我最初对此很清楚,但我想添加工具提示的文本block已经在html中,并且周围不会有任何类型的指令标记标记它。看我的fiddle一个例子。我已经在jQuery中完成了这个...现在我正试图让它在angularjs中工作!我的第一次尝试是使用带有正则

javascript - 为什么我的 React Bootstrap Glyphicons 没有显示?

我正在使用ReactBootstrap的Glyphicon组件,但没有显示任何字形。到目前为止,这是我的代码:索引.jsimportReactfrom'react';importReactDOMfrom'react-dom';importGlobalfrom'./components/Global';ReactDOM.render(,document.getElementById('root'));全局.jsimportReact,{Component}from'react';import{FormGroup,FormControl,InputGroup,Glyphicon}from'

javascript - 在 Bootstrap 中创建一个固定到底部的导航栏,在切换时向上滑动内容

我的网站上有两个导航栏,一个在页眉中,另一个在页脚中页眉部分工作正常,但我想要的是页脚应该类似于导航栏,但是,当我进入移动View(较小的视口(viewport))时,会出现一个切换按钮(默认Bootstrap功能)但是当单击该切换时,它向下滑动,内容显示在导航栏下方,尽管向上滑动,所以,有人可以帮助我吗?我不知道,如何在Fiddle中包含Bootstrap,所以直接贴出我的页脚代码。它直接在我的目录中包括Bootstrap文件和Fontawesome文件。得到Bootply关联:http://bootply.com/104001BrowseOurLibraryAboutUsConta

javascript - Typeahead 插件和 Bootstrap 标签输入插件 Meteor 不工作

我们已经安装了“bootstrap-tagsinput.js”和“typeahead”插件,用于在我们的一个表单中为输入字段的标签做一个tyepahead下拉列表。硬编码标签工作正常。但是,预输入部分无法正常工作。我们有以下HTML:Types和以下JS:Template.form.rendered=function(){//Initialisetagsinput$('.tags').tagsinput({typeahead:{source:['Amsterdam','Washington','Sydney','Beijing','Cairo']}});};在我们打字时,我们希望它能够

javascript - 无法将焦点放在 Twitter Bootstrap Typeahead 的输入上

当我删除这些属性时:data-source=""data-items="4"data-provide="typeahead"我能做到:$(document).ready(function(){$('.first').focus();});这是我的HTML标记:"data-items="4"data-provide="typeahead"/>注意:Typeahead运行良好,这并没有错:data-source="" 最佳答案 我最近遇到了这个问题。当我先声明.typeahead()代码块然后给予字段焦点时,它会自行修复。如果我颠倒顺序

javascript - jQuery 按钮一次验证表单的一部分

抱歉,如果我没有清楚地解释我的问题。我有一个包含多个表格的表单供用户输入。我使用next和back按钮来隐藏和显示不同的表格以引导用户。现在的问题是:如何使用next按钮来验证当前事件的表格输入?例如,每次用户点击next时,它会检查是否所有字段都已填写?这是一个破损的DEMO.感谢您的任何意见!HTML|Chemical|Crop|Physical|WaterColumnHalflife(days):ZeroHeightReference:MassTransferCoefficient(m/s):JS$(document).ready(function(){vartab_pool=[

javascript - 如何使用 bootstrap modal 编辑 MVC 中的表数据?

我在MVCView中有一个显示员工详细信息的表。我想添加一个编辑功能,但我不想在新页面中打开它,而是想使用Bootstrap模式来显示它。(http://twitter.github.com/bootstrap/javascript.html#modals)我认为我不必使用ajax,因为数据已经在页面上可用。我想我需要一些jquery或razor代码来将选定员工的数据传递给Bootstrap模式,并在同一屏幕上弹出。下面是我的代码。任何帮助将不胜感激。谢谢@Foreach(variteminModel.Employees){@User.Identity.Name@item.FirstN

javascript - 在 mouseleave 上保持 Twitter Bootstrap 工具提示打开

对于特定情况和元素,我需要默认显示Bootstrap工具提示(一旦加载页面)并始终保持打开状态(即使在鼠标悬停和鼠标移开时)。这是我用来在元素上默认打开工具提示的代码:$('#myelement').tooltip('show');现在我不确定如何防止/禁用工具提示在鼠标悬停和鼠标移出时的默认操作。有什么想法吗?提前致谢! 最佳答案 已找到解决方案。手动触发器可以解决问题-这是更新后的代码:$('.taskTooltip').tooltip({trigger:'manual'}).tooltip('show');